.form-col {
  display: flex;
  .order-form-item {
    flex: 1;
    border: 1px solid #edeff2;
    color: rgba(83, 88, 97, 1);
    border-top: 0;
    margin: 0;
    &.is-required .el-form-item__label:before {
      content: none;
    }
  }
  .order_form_content {
    color: #93979d;
  }

  .remark-view {
    height: 64px;
    overflow: auto;
    line-height: 20px;

    .remark-view-vertical {
      display: table-cell;
      vertical-align: middle;
      height: 64px;
    }
  }

  .order_form_content {
    color: #93979d;
  }

  .remark-view {
    height: 64px;
    overflow: auto;
    line-height: 20px;

    .remark-view-vertical {
      display: table-cell;
      vertical-align: middle;
      height: 64px;
    }
  }
}

.form-col:first-of-type .order-form-item {
  border-top: 1px solid #edeff2;
}
@mixin inline-form-align-label {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
  & > .order_form_label,
  & > span,
  & > div {
    display: flex;
    text-align: left;
    align-items: center;
  }
}
@mixin inline-form-align-content($ml-width) {
  .el-form-item {
    margin-right: 0;
    .order_form_content {
      .el-input__prefix,
      .el-input__suffix {
        margin-top: 5px;
      }
      & > .el-input:first-of-type,
      & > .el-textarea:first-of-type,
      & > .el-date-editor:first-of-type,
      & > .el-input-number:first-of-type,
      & > .el-calendar:first-of-type,
      & > .el-select:first-of-type {
        margin-left: $ml-width;
      }
    }
    .el-form-item__content {
      padding-left: 12px;
      margin-left: 15px;
      & > .el-input:first-of-type,
      & > .el-textarea:first-of-type,
      & > .el-date-editor:first-of-type,
      & > .el-input-number:first-of-type,
      & > .el-calendar:first-of-type,
      & > .el-select:first-of-type {
        margin-left: $ml-width;
      }
    }
  }
}

#app .order_form_label:not(.required) {
  padding-left: 15px;
}
#app .order_form_label.required {
  padding-left: 5px;
  padding-right: 10px;
}
#app {
  .col-one {
    @include inline-form-align-content(2px);
    .el-form-item {
      margin-right: 0;
      .el-form-item__content {
        padding-left: 12px;
        margin-left: 8px;
      }
    }
    .el-form-item__label {
      @include inline-form-align-label;
      width: calc(13% - 12px);
      height: 100%;
    }

    .el-form-item__content {
      width: calc(86.5% - 15px);
    }
  }

  .col-two {
    @include inline-form-align-content(-5px);
    .el-form-item__label {
      @include inline-form-align-label;
      width: calc(26% - 12px);
      height: 100%;
    }
    .el-form-item__content {
      width: calc(73% - 12px);
    }
    .order-form-item.left-item:nth-child(2) {
      border-left: 0;
    }
  }
  .multi-textarea {
    .el-form-item__content {
      margin-left: 8px !important;
    }
  }
}

.order_form_label {
  border-right: 1px solid #edeff2;
  width: 100%;
  height: 100%;
  text-align: center;
  word-break: break-all;
  color: #454952;
  background: #f8f8f8;
}

.textarea {
  font-family:'Microsoft YaHei';
  .el-form-item__label {
    line-height: 64px;
  }

  .el-textarea__inner {
    overflow: auto;
    height: 54px;
    margin: 5px 0;
  }
}
#app .el-form {
  .el-input {
    line-height: 28px;
    height: 28px;
    .el-input__suffix {
      line-height: 28px;
      height: 28px;
    }
    .el-input__icon {
      height: 28px;
      line-height: 28px;
    }
    .el-input__inner {
      height: 28px;
      font-family:'Microsoft YaHei',Arial, Helvetica, Tahoma, Verdana, Sans-Serif;
      padding-left: 5px;
    }
    input::placeholder {
      font-family:'Microsoft YaHei', Arial, Helvetica, Tahoma, Verdana, Sans-Serif;
    }
    .el-input__suffix-inner {
      line-height: 27px;
      height: 28px;
    }
  }
  .el-input--prefix .el-input__inner {
    padding-left: 30px;
  }
}

#app .order_form_content .el-textarea {
  .el-textarea__inner {
    padding: 0 5px;
  }
}

.el-date-editor {
  width: 100%;
}
